﻿<%@ Page Title="" Language="C#" MasterPageFile="~/AdminCP/Layouts/Admin.Master" AutoEventWireup="true" CodeBehind="MyHierarchy.aspx.cs" Inherits="MLM.AdminCP.Pages.MyHierarchy" meta:resourcekey="PageResource1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<h3>
        <asp:Label ID="HierachyChart" runat="server" Text="Hierachy Chart" 
            meta:resourcekey="HierachyChartResource1"></asp:Label></h3>
    <div id="chart_div">
    </div>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
        google.load('visualization', '1', { packages: ['orgchart'] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Name');
            data.addColumn('string', 'Manager');
            data.addColumn('string', 'ToolTip');
            data.addRows([<%=Template %>]);
            var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
            chart.draw(data, {
                allowHtml: true,
                allowCollapse: true,
                large: 'large',
                nodeClass: 'MLMHiearchyItem',
                selectedNodeClass: 'MLMHiearchySelectedItem'
            });
        }
    </script>
</asp:Content>
